<template>
  <div class="grand-child-view">
    <p>孙子组件</p>
    <p>传给孙子组件的数据：{{ row.name }}{{ row.name !== undefined ? '学习' : '' }}{{ row.study }}</p>
  </div>
</template>

<script>
export default {
  // 不想继承所有父组件的内容
  inheritAttrs: false,
  // 在本组件中需要接收从父组件中传递过来的数据，注意props里面的参数名称不能改变，必须和父组件传递过来的是一样的
  props: {
    isOpen: {
      type: Boolean,
      default: false
    },
    row: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {}
  }
}
</script>

<style lang="less" scoped>
.grand-child-view {
  margin: 20px;
  border: 2px solid green;
  padding: 20px;
}
</style>